<!DOCTYPE html>
<html>

	<head>
		<title>我</title>
		<!-- Unresponsive -->
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />

		<!--[if (lte IE 8) ]> <script type="text/javascript">location.href="upgrade.html";</script> <![endif]-->
		<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon" />
		<link rel="stylesheet" href="css/bootstrap.css" />
		<link rel="stylesheet" href="css/reset.css" />
		<link rel="stylesheet" href="css/global.css" />
		<link rel="stylesheet" href="css/frontend.css" />
		<script src="js/jquery-1.11.1.min.js"></script>
		<script src="js/bootstrap.min.js"></script>
		<script src="js/global.js"></script>

		<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
		<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
		<!--[if lt IE 9]>
<script src="http://cdn.bootcss.com/html5shiv/3.7.0/html5shiv.min.js"></script>
<script src="http://cdn.bootcss.com/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->
	</head>

	<body>
		
		<style>
			body {
				padding-bottom: 100px;
			}
			
			.myat_probile_ullist .li {
				padding-left: 15px;
			}
			.myat_probile_ullist .rt_hit {
				right: 50px;
			}
			.myat_probile_ullist .li .icon {
				background-image: url(img/angle_right.png);
				width: 14px;
				height: 14px;
				left: auto;
				margin-top: -7px;
				right: 15px;
				opacity: .3;
				z-index: -1;
			}
			.rt_edithead {
				position: absolute;
				width: 60px;
				height: 60px;
				right: 50px;
				top: 50%;
				margin-top: -30px;
				background-position: center center;
				background-size: cover;
				background-repeat: no-repeat;
				border-radius: 5px;
				
			}
			.myat_probile_ullist .li.heighter {
				padding-top: 30px;
				padding-bottom: 30px;
			}
		</style>
		<div class="myat_probile_ullist">
			<div class="li heighter" onclick="$('.myat_choosphoto_elem').fadeIn(100);">
				<i class="icon"></i>
				<span>头像</span>
				<div class="rt_edithead" style="background-image: url(img/img_sample/usr07.jpg);"></div>
			</div>
			<div class="li" onclick="location.href='nick_name.html'">
				<i class="icon"></i>
				<span>姓名</span>
				<div class="rt_hit">张晓华</div>
			</div>
			<div class="li" onclick="location.href='mobile.html'">
				<i class="icon"></i>
				<span>手机号</span>
				<div class="rt_hit">18827384857</div>
			</div>
			<div class="li">
				<i class="icon"></i>
				<span>我的预约</span>

			</div>
			<div class="li">
				<i class="icon"></i>
				<span>我报名的活动</span>
			</div>
			<div class="li">
				<i class="icon"></i>
				<span>我的建议</span>
			</div>
			<div class="li">
				<i class="icon"></i>
				<span>站内信</span>
			</div>
		</div>
		
		<!--弹出选择照片框（START）-->
		
		<div class="myat_collection_frm myat_choosphoto_elem">
			<div class="myat_choosphotobtbs">
				<div>拍摄</div>
			</div>
			
			<div class="myat_choosphotobtbs">
				<div>从相册选取</div>
			</div>
			<div class="myat_choosphotobtbs cancel">
				<div>取消</div>
			</div>
		</div>
		
		<div class="myat_popup_cvr myat_choosphoto_elem" onclick="$('.myat_choosphoto_elem').fadeOut(100);">
		</div>
		<!--弹出选择照片框（END）-->
		
		
		
		<!-- 底部菜单通用（START） -->
		<div class="myat_bottom">
			<div class="itms map" onclick="location.href='INDEX.html'">
				<div class="ico"></div>
				<div class="txt">首页</div>
			</div>
			<div class="itms discover" onclick="location.href='DISCOVER.html'">
				<div class="ico"></div>
				<div class="txt">活动</div>
			</div>
			<div class="itms me active" onclick="location.href='MINE.html'">
				<div class="ico"></div>
				<div class="txt">我</div>
			</div>
		</div>
		<!-- 底部菜单通用（END） -->
		<script>
			$(document).ready(function() {
				
			});
		</script>
	</body>

</html>